<!DOCTYPE HTML>
<html xmlns:th="http://www.thymeleaf.org">
<div th:replace="~{fragment/headFragment :: head}"></div>
<body class="cbp-spmenu-push">
	<div class="main-content">
		<!--left-fixed -navigation-->

		<div th:replace="~{fragment/left-border :: left}"></div>
		<!--left-fixed -navigation-->
		<!-- header-starts -->
		<div th:replace="~{fragment/header :: header}"></div>
		<!-- //header-ends -->
		<!-- main content start-->

		<div id="page-wrapper" style="margin: 0;">
			<div class="main-page signup-page">
				<h3 class="title1">在此处添加客服常用语句</h3>
				<p class="creating">可添加测试用语或者用于回复用户的个人库及公共库用语.</p>

				<div class="sign-up-row widget-shadow">
					<form action="/commonWord/addcl" method="post">
					<h5>Personal Information :</h5>
					<div class="sign-u">
						<div class="sign-up1">
							<h4>选择（个人库/公共库）:</h4>
						</div>
						<div class="sign-up2">

								<input type="text" name="lib" required>

						</div>
						<div class="clearfix"> </div>
					</div>
					<div class="sign-u">
						<div class="sign-up1">
							<h4>添加常用语 :</h4>
						</div>
						<div class="sign-up2">

								<input type="text"  name="content" required>

						</div>
						<div class="clearfix"> </div>
					</div>
					<div class="sign-u">
						<div class="sign-up1">
							<h4>适用类型 :</h4>
						</div>
						<div class="sign-up2">

								<input type="text" name="type" required>

						</div>
						<div class="clearfix"> </div>
					</div>


					<div class="sub_home">

							<input type="submit" value="Submit" id="submit">


						<div class="clearfix"> </div>
					</div>
					</form>
				</div>
			</div>
		</div>
		<!--footer-->
<!--		<div class="footer">-->
<!--		   <p>Copyright &copy; 2017.Company name All rights reserved.<a target="_blank" href="http://sc.chinaz.com/moban/">&#x7F51;&#x9875;&#x6A21;&#x677F;</a></p>-->
<!--		</div>-->
        <!--//footer-->
	</div>
	<!-- Classie -->
		<script src="js/classie.js"></script>
		<script>
			var menuLeft = document.getElementById( 'cbp-spmenu-s1' ),
				showLeftPush = document.getElementById( 'showLeftPush' ),
				body = document.body;
				
			showLeftPush.onclick = function() {
				classie.toggle( this, 'active' );
				classie.toggle( body, 'cbp-spmenu-push-toright' );
				classie.toggle( menuLeft, 'cbp-spmenu-open' );
				disableOther( 'showLeftPush' );
			};
			
			function disableOther( button ) {
				if( button !== 'showLeftPush' ) {
					classie.toggle( showLeftPush, 'disabled' );
				}
			}
		</script>
	<!--scrolling js-->
	<script src="js/jquery.nicescroll.js"></script>
	<script src="js/scripts.js"></script>
	<!--//scrolling js-->
	<!-- Bootstrap Core JavaScript -->
	<script src="js/bootstrap.js"> </script>
</body>
</html>